.app .content{
  height: calc(100% - 130px);
  width:100%;
  display: grid;  
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr); /* 表示创建4列，每列宽度相等 */  
  grid-gap: 10px; /* 设置网格线之间的间隙 */  
}

.app .title{
  font-size: 18px;
  font-weight: bold;
}

.app .card{
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width:410px;
  height:160px;
  background:linear-gradient(108.22deg,rgba(231, 244, 255, 0.6) 8.44%,rgba(234, 242, 252, 0.6) 48.18%,rgba(224, 248, 255, 0.6) 98.4%);
  border:1px solid #d4e6fb;
  border-radius:2px;
  box-shadow:0px 3px 6px rgba(60, 140, 255, 0.16);
}

.card .new{
  position: absolute;
  top: -13px;
  left: -33px;
  color: #fff;
  background-color:#fa8d14;
  width: 100px;
  height: 50px;
  text-align: center;
  line-height: 65px;
  font-size: 16px;
  cursor: pointer;
  transform: rotate(-40deg);
}

.card .info{
  margin-top:40px;
  display: flex;
  padding:0 30px;
  justify-content: center;
}

.card .icon {
  color:#32a7fe;
  margin-right:15px;
  font-size:65px;
  line-height:200px;
}

.card .des div{
  font-size:16px;
  font-weight: 600;
}

.card .action{
  margin-left:10px;
}

.card .action .btnIcon{
  font-size: 18px;
}